<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Home</title>
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="js/modernizr.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<div id="wraptop">
	<div id="wraptopin">
		<div id="logo">
			<a href="#"></a>
		</div>
		<div id="search">
			
			<div id="searchform">
            	<input type="text" name="filter_name" value="Търсене" onclick="this.value = '';" onkeydown="this.style.color = '#000000';" />
				<a class="button">Търси</a>
			</div>
			
			<div id="logintop">
				Здравей <a href="http://safetywork.bg/index.php?route=account/account">Николай</a> (<a href="http://safetywork.bg/index.php?route=account/logout">Изход</a>) / <a href="http://safetywork.bg/index.php?route=account/wishlist" >Желани продукти (0)</a> / <a href="http://safetywork.bg/index.php?route=checkout/checkout">Плащане</a>
			</div>
			
		</div>
		<div id="topcategories">
			<h5>От магазина</h5>
			<a href="#">Топ продукти</a><br>
			<a href="#">Промоции</a><br>
			<a href="#">Последно добавени</a><br>
		</div>
		<div id="cart">
			<h5>Количка</h5>
		</div>
	</div>
</div><!--#wraptop-->

<div id="wrapcontent"><div id="wrapcontentin">
	
	<div id="column-left">
		
		<div id="mainmenu">
			<ul>
			<li><a id="link-products" href="">Продукти</a></li>
			<li><a href="">За нас</a></li>
			<li><a href="">Здраве</a></li>
			<li><a href="">Услуги</a></li>
			<li><a href="">Новини</a></li>
			<li><a href="">Блог</a></li>
			<li><a href="">Контакти</a></li>
			</ul>
		</div>
	
		<div id="mainmenu-products">
			
			<div class="box">
				<h4>По категория</h4>
				<ul>
				<li><a href="">За нас</a></li>
				<li><a href="">Здраве</a></li>
				<li><a href="">Услуги</a></li>
				<li><a href="">Новини</a></li>
				<li><a href="">Блог</a></li>
				<li><a href="">Контакти</a></li>
				</ul>
			</div>
			<div class="box">
				<h4>По категория</h4>
				<ul>
				<li><a href="">За нас</a></li>
				<li><a href="">Здраве</a></li>
				<li><a href="">Услуги</a></li>
				<li><a href="">Новини</a></li>
				<li><a href="">Блог</a></li>
				<li><a href="">Контакти</a></li>
				</ul>
			</div>
			<div class="box">
				<h4>По категория</h4>
				<ul>
				<li><a href="">За нас</a></li>
				<li><a href="">Здраве</a></li>
				<li><a href="">Услуги</a></li>
				<li><a href="">Новини</a></li>
				<li><a href="">Блог</a></li>
				<li><a href="">Контакти</a></li>
				</ul>
			</div>
			
		</div>
	</div>

	<div id="content">
	
	
	</div><!--#content-->
		
	<div class="full left"></div>
	
	<div id="bottom">
		<div class="full left">
			<div class="box">
				<h3>Последни новини</h3>
				<div class="news">
					<div class="title"><a href="#">Заглавие на новина</a></div>
					<div class="date">14.12.2013г.</div>
					<div class="description">
					Lorem ipsum dolor sit amet
					consectetur adipiscing elit. Maecenas
					sed nisl quis diam viverra
					dignissim. Phasellus volutpat velit id
					elit dignissim pellentesque
					</div>
					<a class="button">Виж още</a>
				</div>
			</div>
			<div class="box">
				<h3>Актуално от блога</h3>
				<div class="news">
					<div class="title"><a href="#">Заглавие на новина</a></div>
					<div class="date">14.12.2013г.</div>
					<div class="description">
					Lorem ipsum dolor sit amet
					consectetur adipiscing elit. Maecenas
					sed nisl quis diam viverra
					dignissim. Phasellus volutpat velit id
					elit dignissim pellentesque
					</div>
					<a class="button">Виж още</a>
				</div>
			</div>
			<div class="box">
				<h3>Топ продукти</h3>
				<img src="images/home-products.png"/>
			</div>
		</div>
		
		<div id="home-categories">
			<h3>Продукти по категории</h3>
			
			<div class="smallbox">
				<img src="images/png-1.png" alt="">
				<h5>Билкови и растителни екстракти</h5>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a class="readmore" href="#">Виж всички &raquo;</a><br>
			</div>
			<div class="smallbox">
				<img src="images/png-2.png" alt="">
				<h5>Билкови и растителни екстракти</h5>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a class="readmore" href="#">Виж всички &raquo;</a><br>
			</div>
			<div class="smallbox">
				<img src="images/png-3.png" alt="">
				<h5>Билкови и растителни екстракти</h5>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a class="readmore" href="#">Виж всички &raquo;</a><br>
			</div>
			<div class="smallbox">
				<img src="images/png-4.png" alt="">
				<h5>Билкови и растителни екстракти</h5>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a class="readmore" href="#">Виж всички &raquo;</a><br>
			</div>
			<div class="smallbox">
				<img src="images/png-5.png" alt="">
				<h5>Билкови и растителни екстракти</h5>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a class="readmore" href="#">Виж всички &raquo;</a><br>
			</div>
			<div class="smallbox">
				<img src="images/png-6.png" alt="">
				<h5>Билкови и растителни екстракти</h5>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a href="#">Антиоксиданти</a><br>
				<a class="readmore" href="#">Виж всички &raquo;</a><br>
			</div>
			
		</div>
		
	</div><!--#bottom-->
	
	<div id="footer">
		<div class="footbox">
			<span>Абонирай се за новини</span>
			<input type="text" value="Вашият е-мейл"/>
			<a class="button">OK</a>
		</div>
		<div class="footbox">
			<span>Често задавани въпроси</span>
			<a href="">За стоките</a> |
			<a href="">Доставка</a> |
			<a href="">Плащане</a>
		</div>
		<div class="footbox">
			<span>&copy; 2013 Health Freak</span>
			<a href="">Общи условия на сайта</a>
		</div>
		<div class="footbox">
			social
		</div>
	</div><!--#footer-->
	
</div></div><!--#wrapcontent-->

<script type="text/javascript" language="javascript" src="js/script.js" ></script>
</body>
</html>
